@import '../../../../scss/mixins/scroller.scss';
.bk-basic-node {
    padding: 30px 40px;
    height: 100%;
    background-color: #FAFBFD;
    overflow: auto;
    @include scroller;

    .bk-service-name{
        h1{
            padding-left: 10px;
        }
        .task-info{
            font-size: 12px;
            color: #63656E;
            margin-left: 30px;
            .info-item{
                margin: 24px 0;
                display: flex;
                align-items: center;
                & >span:first-child{
                    font-weight: bold;
                    display: inline-block;
                }
                .isOn {
                    font-size: 22px;
                    opacity: 0;
                    color: #3A84FF;
                    cursor: pointer;
                }
                &:hover{
                    .isOn{
                        opacity: 1;
                    }
                }
            }
            .top-item{
                align-items: flex-start;
                &>span{
                    display: inline-block;
                    line-height: 22px;
                    height: 22px;
                }
            }
            .static{
                display: inline-flex;
                align-items: center;
            }
            .dynamic{
                width: 620px;
                display: inline-block;
                .operate{
                    display: inline-block;
                    span{
                        padding: 0 5px;
                        color: #D8D8D8;
                    }
                }
            }
        }
        .dynamic-info{
            margin: 24px 0;
        }
    }

    .bk-form-width {
        width: 550px;
        /deep/.bk-textarea-wrapper{
            background: white;
        }
    }

}
